<%@ Page Title="Home | CEMENTOS.com" Language="C#" MasterPageFile="~/SiteMain.Master"
    AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ShoppingCart.WebSite.Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="RightSide">
        <div style="height: 480px; width: 100%; overflow: auto;">
            <asp:UpdatePanel ID="upProductos" runat="server">
                <ContentTemplate>
                    <asp:DataList ID="dlProductos" runat="server" RepeatColumns="3" Width="678px" OnItemCommand="DlProductosItemCommand">
                        <ItemTemplate>
                            <div class="catrow">
                                <table>
                                    <tr>
                                        <td>
                                            <div class="catThum">
                                                <asp:Image ID="imgIagen" runat="server" ImageUrl='<%# Eval("Imagen") %>' Width="203px"
                                                    Height="186px" /><div class="precio" style="padding-top: 15px;">
                                                        <span>S/.<asp:Literal ID="litPrecio" runat="server" Text='<%# Eval("Precio", "{0:N}") %>' /></span></div>
                                            </div>
                                            <div class="catDetail">
                                                <table>
                                                    <tr>
                                                        <td colspan="3" style="padding: 5px; font-size: 11px; text-transform: uppercase;">
                                                            <strong style="color: #007CF9;">
                                                                <asp:Literal ID="litNombre" runat="server" Text='<%# Eval("Nombre") %>' /></strong>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            &nbsp;&nbsp;
                                                            <asp:TextBox ID="txtCantidad" runat="server" Width="40px" Style="text-align: center" Text='<%# Eval("Cantidad") %>' />
                                                        </td>
                                                        <td>
                                                            <asp:ImageButton ID="img1" runat="server" ImageUrl="~/Style/images/plus-pro.gif"
                                                                AlternateText="Mas" />
                                                            <asp:ImageButton ID="img2" runat="server" ImageUrl="~/Style/images/minus-pro.gif"
                                                                AlternateText="Menos" />
                                                            <cc1:NumericUpDownExtender ID="nudCantidad" runat="server" TargetControlID="txtCantidad"
                                                                Width="80" RefValues="" ServiceDownMethod="" ServiceUpMethod="" TargetButtonDownID="img2"
                                                                TargetButtonUpID="img1" Minimum="1" />
                                                        </td>
                                                        <td align="left">
                                                            &nbsp;
                                                            <asp:LinkButton ID="btnAgregar" runat="server" CommandName="Agregar" CommandArgument='<%# Eval("IdProducto") %>'><img src="Style/images/plus.gif" alt=""/> Comprar</asp:LinkButton>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                                <div class="clr">
                                </div>
                            </div>
                        </ItemTemplate>
                    </asp:DataList>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <div class="paging">
            <div class="pagingDiv">
                <asp:LinkButton ID="btnContinuar" runat="server" OnClick="BtnContinuarClick"> <span>Continuar</span> <img src="Style/images/next.gif" alt="" /> </asp:LinkButton>
            </div>
        </div>
    </div>
    <div class="clr">
        <p>
            <br />
        </p>
    </div>
</asp:Content>
